<%--
  Created by IntelliJ IDEA.
  User: jshjsh
  Date: 2016/9/3
  Time: 9:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>官微纳新进行时</title>
    <script type="text/javascript">
        if(/Android (\d+\.\d+)/.test(navigator.userAgent)){
            var version = parseFloat(RegExp.$1);
            if(version>2.3){
                var phoneScale = parseInt(window.screen.width) / 640;
                document.write('<meta name="viewport" content="width=640, minimum-scale = '+ phoneScale +', maximum-scale = '+ phoneScale +', target-densitydpi=device-dpi">');
            }else{
                document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">');
            }
        }else{
            document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');
        }
    </script>
    <meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <meta name="纳新" content="">
    <meta name="浙江工商大学官微中心纳新" content="">
    <link rel="shortcut icon" type="image/png" href="images/favicon.png"/>

    <!-- Uncomment this if you need apple touch icon. -->
    <!--
    <link rel="apple-touch-icon" href="touch-icon-iphone.png">
    <link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
    <link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
    <link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
     -->

    <!-- Don't delete this. It's needed for development workflow. -->
    <link rel="stylesheet" href="stylesheets/bundle.css">
</head>

<body>
<div class="loading-overlay">
    <img src="images/loading.svg">
</div>

<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide slide-1">
            <div class="item-girl animated" data-ani-name="slideInLeft" data-ani-duration="0.8s" data-ani-delay="0.3s"></div>
            <div class="item-boy animated" data-ani-name="slideInRight" data-ani-duration="0.8s" data-ani-delay="0.3s"></div>
            <div class="item-text animated" data-ani-name="bounceInUp" data-ani-duration="1s" data-ani-delay="0.5s"></div>
        </div>
        <div class="swiper-slide slide-2">
            <div class="item-ding-1 animated" data-ani-name="zoomInDown" data-ani-duration="0.5s" data-ani-delay="0s"></div>
            <div class="item-ding-2 animated" data-ani-name="zoomInDown" data-ani-duration="0.5s" data-ani-delay="0.3s"></div>
            <div class="item-ding-3 animated" data-ani-name="zoomInUp" data-ani-duration="0.5s" data-ani-delay="0.6s"></div>
            <div class="item-ding-4 animated" data-ani-name="zoomInUp" data-ani-duration="0.5s" data-ani-delay="0.9s"></div>
            <div class="item-text-title animated" data-ani-name="zoomInUp" data-ani-duration="0.5s" data-ani-delay="0.2s"></div>
            <div class="item-text-h1 animated" data-ani-name="bounceInLeft" data-ani-duration="1s" data-ani-delay="0.5s"></div>
            <div class="item-text-h2 animated" data-ani-name="fadeIn" data-ani-duration="1s" data-ani-delay="1.5s"></div>
            <div class="item-text-h3 animated" data-ani-name="zoomInDown" data-ani-duration="1s" data-ani-delay="2s"></div>
            <div class="item-btn animated" data-ani-name="fadeIn" data-ani-duration="1s" data-ani-delay="3s"></div>
        </div>
        <div class="swiper-slide slide-3">
            <div class="item-girl animated" data-ani-name="slideInLeft" data-ani-duration="1s" data-ani-delay="0s"></div>
            <div class="item-text animated" data-ani-name="lightSpeedIn" data-ani-duration="1s" data-ani-delay="1s"></div>
            <!-- <p class="item-text animated" data-ani-name="flipInY" data-ani-duration="1s" data-ani-delay="0.3s">I'm a javascript newbie!</p> -->
        </div>
        <div class="swiper-slide slide-4">
            <div class="item-title animated" data-ani-name="slideInLeft" data-ani-duration="1s" data-ani-delay="0s"></div>
            <div class="item-dump animated" data-ani-name="zoomIn" data-ani-duration="1s" data-ani-delay="1s"></div>
            <div class="item-content animated" data-ani-name="bounceInUp" data-ani-duration="1s" data-ani-delay="2s"></div>
            <!-- <p class="item-text animated" data-ani-name="flipInY" data-ani-duration="1s" data-ani-delay="0.3s">I'm a javascript newbie!</p> -->
        </div>
        <div class="swiper-slide slide-5">
            <div class="item-title animated" data-ani-name="slideInLeft" data-ani-duration="1s" data-ani-delay="0s"></div>
            <div class="item-document animated" data-ani-name="zoomIn" data-ani-duration="1s" data-ani-delay="1s"></div>
            <div class="item-content animated" data-ani-name="bounceInUp" data-ani-duration="1s" data-ani-delay="2s"></div>
        </div>
        <div class="swiper-slide slide-6">
            <div class="item-title animated" data-ani-name="slideInLeft" data-ani-duration="1s" data-ani-delay="0s"></div>
            <div class="item-01 animated" data-ani-name="zoomIn" data-ani-duration="1s" data-ani-delay="1s"></div>
            <div class="item-content animated" data-ani-name="bounceInUp" data-ani-duration="1s" data-ani-delay="2s"></div>
        </div>
        <div class="swiper-slide slide-7">
            <div class="item-title animated" data-ani-name="slideInLeft" data-ani-duration="1s" data-ani-delay="0s"></div>
            <div class="item-01 animated" data-ani-name="zoomIn" data-ani-duration="1s" data-ani-delay="1s"></div>
            <div class="item-content animated" data-ani-name="bounceInUp" data-ani-duration="1s" data-ani-delay="2s"></div>
        </div>
        <div class="swiper-slide slide-8">
            <div class="item-boy animated" data-ani-name="slideInLeft" data-ani-duration="1s" data-ani-delay="0s"></div>
            <div class="item-text animated" data-ani-name="lightSpeedIn" data-ani-duration="1s" data-ani-delay="1s"></div>
        </div>
        <div class="swiper-slide slide-9">
            <div class="item-title animated" data-ani-name="slideInLeft" data-ani-duration="1s" data-ani-delay="0s"></div>

            <div class="input-group">
                <div class="item-input-1 animated" data-ani-name="fadeInLeft" data-ani-duration="1s" data-ani-delay="1s">
                    <img class="input-img" src="./images/name-9.png">
                    <input class="input-name" type="text">
                    <img class="input-img" src="./images/sexy-9.png">
                    <input class="input-sexy" type="text">
                </div>
                <div class="item-input-2 animated" data-ani-name="fadeInRight" data-ani-duration="1s" data-ani-delay="1s">
                    <img class="input-img" src="./images/number-9.png">
                    <input class="input-number" type="text">
                </div>
                <div class="item-input-3 animated" data-ani-name="fadeInLeft" data-ani-duration="1s" data-ani-delay="1s">
                    <img class="input-img" src="./images/qq-9.png">
                    <input class="input-qq" type="text">
                </div>
                <div class="item-input-4 animated" data-ani-name="fadeInRight" data-ani-duration="1s" data-ani-delay="1s">
                    <img class="input-img" src="./images/subject-9.png">
                    <input class="input-subject" type="text">
                </div>
                <div class="item-input-5 animated" data-ani-name="fadeInLeft" data-ani-duration="1s" data-ani-delay="1s">
                    <img class="input-img" src="./images/class-9.png">
                    <input class="input-class" type="text">
                </div>
                <div class="item-input-6 animated" data-ani-name="fadeInRight" data-ani-duration="1s" data-ani-delay="1s">
                    <img class="input-img" src="./images/favour-9.png">
                    <input class="input-favour" type="text" disabled value="请选择意向部门">
                </div>
                <div class="drop-list-9">
                    <div class="drop-li">融媒体运营中心</div>
                    <div class="drop-li">行政人事部</div>
                    <div class="drop-li">浙小商网络文化工作室</div>
                    <div class="drop-li">第E站工作室</div>
                </div>
                <div class="item-input-7 animated" data-ani-name="fadeInLeft" data-ani-duration="1s" data-ani-delay="1s">
                    <img class="input-img" src="./images/introduction-9.png">
                    <textarea class="intro-text"></textarea>
                </div>

            </div>

            <div class="item-btn animated" data-ani-name="bounceInUp" data-ani-duration="1s" data-ani-delay="2s"></div>
            <div class="alert">弹出框</div>
        </div>

    </div>
</div>

<button class="up-arrow">
    <i class="icon-angle-double-up"></i>
</button>

<button class="btn-music">
    <i class="icon-note"></i>
</button>

<audio loop>
    <source src="audios/background.mp3" type="audio/mpeg">
</audio>

<!-- Don't delete this. It's needed for development workflow. -->
<script src="javascripts/bundle.js"></script>


</body>

</html>

